<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<script type="text/javascript" src="Content/js/Lib/jquery-1.8.2.js"></script>

<link rel="stylesheet" type="text/css"
	href="Content/css/Account/index.css" />

<div class="container">
	<ul class="breadcrumb" style="margin-bottom: 10px;">
		<li><a href="home">Trang chủ</a> <span class="divider">/</span></li>
		<li class="active">Thông tin chung tài khoản</li>
	</ul>

	<!-- Begin page -->
	<div class="menu">
		<div class="span3" style="width: 204px;">
			<div class="well sidebar-nav">
				<ul class="nav nav-list">
					<li class="menu-title">TÀI KHOẢN CỦA TÔI</li>
					<li class="active"><a href="ThongTinChungTaiKhoan.do">Thông tin chung tài khoản</a></li>
					<li><a href="ThongTinCaNhan.do">Thông tin cá nhân</a></li>
					<li><a href="DoiMatKhau.do">Thay đỗi mật khẩu</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="main-content">
		<div class="page-header-account">
			<h4>Tài khoản của tôi</h4>
		</div>
		<div class="content">
			<p>
				<strong>Xin chào, <c:out value="${user.userId}"></c:out></strong><br /> Từ bảng điều khiển tài
				khoản bạn có thể cập nhật thông tin tài khoản. Lựa chọn đường dẫn dưới đây để xem hoặc
				chỉnh sửa thông tin.
			</p>
			<div class="box-infor">
				<div class="head">
					<h5>
						<i class="icon-user"></i> THÔNG TIN TÀI KHOẢN
					</h5>
				</div>
				<div class="header-inner">
					<h5 style="float: left;">Thông tin liên hệ</h5>
					<a href="ThongTinCaNhan.do" style="float: right; margin: 10px 0px 0px 0px;">Chỉnh
						sửa</a>
				</div>
				<p>
					<c:out value="${user.name}"></c:out><br /> 
					Ngày sinh: <fmt:formatDate value="${user.dateOfBirth }" pattern="dd/MM/yyyy"/><br /> 
					Địa chỉ email: <c:out value="${user.email}"></c:out><br /> 
				</p>

				<div class="header-inner">
					<h5 style="float: left;">Địa chỉ liên hệ</h5>
				</div>
				<p>
					<c:out value="${user.address}"></c:out><br /> <c:out value="${user.phone}"></c:out><br />
				</p>
				<div style="margin: 27px 0px 0px 0px;"><a href="DoiMatKhau.do">Thay đổi mật khẩu</a></div>
			</div>
		</div>
		<!-- End of page -->
	</div>
</div>